﻿
@{
    ViewBag.Title = "Chat";
}

<h2>Chat</h2>

<div class="panel panel-default chat-panel">
    <input type="hidden" class="chat-panel-username" />
    <div class="panel-heading">
        <h3 class="panel-title">Chat Box</h3>
    </div>
    <div class="panel-body form-horizontal">
        <div class="form-group">
            <label class="col-sm-1 control-label"><span class="glyphicon glyphicon-share" aria-hidden="true"></span></label>
            <div class="col-sm-10">
                <input type="text" class="form-control message-textbox" placeholder="Type a message">
            </div>
            <div class="col-sm-1">
                <button class="btn btn-default send-button" type="button">Send</button>
            </div>
        </div>

        <div class="well well-lg">
            <h5>Messages</h5>
            <div class="chat-messages" style="height: 400px;overflow: auto;"></div>
        </div>
    </div>
</div>
